body {
  margin: 0px;
}

* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  list-style-type: none;
}



.dialog {
  margin-top: 20px;
  width: 26rem;
  background-color: #ffffff;
  font-family: "微软雅黑";

  .dialoginfo {
    display: flex;
    justify-content: space-between;
    font-style: .75rem;
    border-bottom: 1px solid #dadada;

    .dialogtitle {
      display: flex;
      align-items: center;
      font: size 18px;
      height: 2.05rem;
      color: #666666;

      padding: 0 1rem;
      background-color: #418d42;
      color: white;
      border-radius: 1rem;
      border-bottom: .1rem solid #01622f;


      &:hover {
        color: #ff0052
      }
    }

    .dialogmore {
      display: flex;
      align-items: center;
      font-size: .7rem;

      a {
        &:link {
          color: #979797;
        }

        span {
          color: #979797
        }
      }

    }
  }

  .diaologbody {
    margin-top: .25rem;

    .dialogcontent {
      .dialogmenu {
        .dialogitem {
          height: 1.75rem;
          color: #666666;
          font-size: .75rem;
          display: flex;
          justify-content: space-between;
          align-items: center;

          .infotitle {
            display: flex;
            justify-content: flex-start;

            .tubiao {
              color: #00642e;
            }

            a {
              color: rgb(0, 0, 0);
              overflow: hidden;
              width: 15rem;
              white-space: nowrap;
              text-overflow: ellipsis;

              span {}

              &:hover {
                color: #cc3300
              }
            }
          }
        }
      }
    }
  }


}